<template>
	<div class="admin">
		<el-row>
			<el-col :span="24">
				<div class="grid-content bg-purple">
					<span class="fl">同步数据</span>
				</div>
				<div class="grid-content bg-purple border_top">
					<div class="tip_red">重设同步时间会清空同步数量，真实同步数量</div>
					<div class="handdata clear">
						<div class="hd_label fl">重设视图和点评时间：</div>
						<div class="hd_date fl">
							<el-date-picker v-model="value1" type="date" placeholder="选择日期">
							</el-date-picker>
						</div>
						<div class="hd_btn fl">
							<el-button type="primary" plain>重置同步时间</el-button>
						</div>
						<div class="hd_btn fl">
							<el-button type="primary" plain>手动执行同步和点评任务</el-button>
						</div>
					</div>
					<div class="tip_red">请先重设同步时间然后清除非字典表或恢复出厂设置</div>
					<div class="handdata clear">
						<div class="hd_label fl">单独重设点评时间：</div>
						<div class="hd_date fl">
							<el-date-picker v-model="value2" type="date" placeholder="选择日期">
							</el-date-picker>
						</div>
						<div class="hd_btn fl">
							<el-button type="primary" plain>重设点评时间</el-button>
						</div>
						<div class="hd_btn fl">
							<el-button type="primary" plain>手动点评任务</el-button>
						</div>
					</div>
					<div class="tip_red">请先重设点评时间，执行前会先清除点评时间后的已点评内容</div>
					<div class="handdata clear">
						<div class="hd_date fl">
							<el-checkbox-group v-model="checkList">
							    <el-checkbox label="字典视图"></el-checkbox>
							    <el-checkbox label="门诊视图"></el-checkbox>
							    <el-checkbox label="住院视图"></el-checkbox>
							</el-checkbox-group>
						</div>
						<div class="hd_btn fl">
							<el-button type="primary" plain>同步以上勾选的视图
</el-button>
						</div>
						<div class="hd_btn fl">
							<el-button type="primary" plain>查看当前正在执行的任务</el-button>
						</div>
					</div>
				</div>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="24">
				<div class="grid-content bg-purple">
					<span class="fl">清除数据</span>
				</div>
				<div class="grid-content bg-purple border_top">
					<el-button type="primary" plain>恢复出厂设置</el-button>
					<el-button type="primary" plain>清除非字典表的数据</el-button>
					<el-button type="primary" plain>清空字典表</el-button>
					<el-button type="primary" plain>清空数据表</el-button>
				</div>
			</el-col>
		</el-row>
	</div>
</template>

<script>
	export default {
		name: "HandData",
		data() {
			return {
				value1:"",
				value2:"",
				checkList:[]
			}
		},
		methods: {
			open() {
				this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					this.$message({
						type: 'success',
						message: '删除成功!'
					});
				}).catch(() => {
					this.$message({
						type: 'info',
						message: '已取消删除'
					});
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	body {
		background: #fff;
	}

	.admin {
		width: 100%;
		height: 100%;
		background: #e3ecf5;
		padding: 22px;
	}

	.el-row {
		margin-bottom: 20px;
	}

	.grid-content {
		background: #fff;
		height: 60px;
		border-radius: 4px;
		padding: 0 20px;
		line-height: 60px;
		font-size: 16px;
		color: #333;

		&.border_top {
			border-top: 1px solid #e7e7e7;
			height: auto;
			padding: 0 20px;
		}

		.tip_red {
			height: 30px;
			line-height: 40px;
			color: red;
			font-size: 14px;
		}

		.handdata {
			font-size: 14px;
			color: #333;

			.hd_label {
				width: 160px;
			}
			.hd_btn{
				margin-left:20px;
			}
		}

	}
</style>
